.gradient_bg(@startcolor,@endcolor){
    background-color: @startcolor;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=@startcolor,endcolorstr=@endcolor,gradientType=0);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=@startcolor,endcolorstr=@endcolor,gradientType=0);//IE8   
    background:-moz-linear-gradient(top, @startcolor, @endcolor);  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(@startcolor), to(@endcolor));
    background:-o-linear-gradient(top, @startcolor, @endcolor);
}
.borderbottom(@width,@borderstyle,@color){
    border-bottom:@width @borderstyle @color;
}

@body-bg:#ECEFF1;
@body-color:#758899;

@topnav-color:#8CA9C4;
@topnav-color-hov:#fff;

@sidenav-bg:#ECF1F6;
@sidenav-borr:1px solid #C8D1D6;

@side-navlist-bg:#E3EAF1;
@side-navlist-bg-hov:#EEEFF2;
@side-navlist-color:#6E8691;
@side-navlist-color-hov:#315588;

@side-sj-bg:#CED8E0;
@side-sj-bg-hov:#BFCBD6;
@side-sj-color:#E3EAF1;
@side-sj-color-hov:#E3EAF1;

@tabcolor:#6E8691;
@tabcolor-hov:#315588;

/*body背景色*/
body{
    background-color:@body-bg;
    color:@body-color;
}
//加载进度条
.layui-progress{height:2px;}
/*横向导航*/
.layui-layout-admin .layui-header {
    .gradient_bg(#315588,#2B4972);
    .borderbottom(1px,solid,#ABB8C4);
}
/*主导航*/
.layui-header .nav_left_list .nav_bc {
    background-color: transparent; 
    font-size: 14px;
    height: 60px;
}
.layui-header .nav_left_list .nav_bc>li>a {
    color: @topnav-color;
    background-color: transparent;
    font-size:18px;
}
.layui-header .nav_left_list .nav_bc>li>a:hover, .nav_left_list .layui-nav .layui-nav-item.layui-this a {
    color:@topnav-color-hov;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{height:0;}

.layui-header .nav_right_list .nav_bc > li > a{
    font-size:14px;
}

/*纵向导航背景*/
.layui-side{
    background-color: @sidenav-bg;
    border-right:@sidenav-borr;
}
//侧边导航列表
.layui-side .layui-nav{
    background-color: @side-navlist-bg;
}
.layui-side .layui-nav .layui-nav-item>a{
    color:@side-navlist-color;
    background-color: @side-navlist-bg;
    .gradient_bg(#E4EBF2,#DCE5EA);
}
.layui-side .layui-nav .layui-nav-itemed > a,.layui-side .layui-nav-tree .layui-nav-title a,
.layui-side .layui-nav-tree .layui-nav-title a:hover,
.layui-side .layui-nav-tree.layui-nav .layui-nav-item>a:hover{
    color:@side-navlist-color-hov !important;
    background-color: #E5E8ED !important;
    .gradient_bg(#E1E4EA,#F3F3F5);
    .borderbottom(1px,solid,#D6E1E5);
}
.layui-nav-tree .layui-nav-bar{
    background-color:#315588 ;
}

//三级菜单样式
.beg-navbar .layui-nav-child dd a{
    color:@side-navlist-color;
    background-color: @side-sj-bg;
    padding-left:45px;
    .borderbottom(1px,solid,#D6E1E5);
}
.beg-navbar .layui-nav-child dd.layui-this>a,.beg-navbar .layui-nav-child dd:hover a{
    color:@side-navlist-color-hov ;
    background-color: @side-sj-bg-hov;
}

//tab页
.xbzx-cms-cite .layui-tab-title{
    height:33px;
    border-bottom:1px solid #D9E0E4;
    .gradient_bg(#E4EBF2,#DCE5EA);
}
.layui-tab-title li{
    width:116px;
    background: url(../../imgs/tab_bg.png) no-repeat 0 0;
    color:@tabcolor; 
}

.layui-tab-brief>.layui-tab-title .layui-this ,.layui-tab-title li:hover{
    background: url(../../imgs/tab_bg_this.png) no-repeat 0 0;
    color:@tabcolor-hov;
}
.xbzx-cms-cite .layui-tab-title a:hover{
    color:@tabcolor-hov;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
   border-bottom:0; 
}

/*重写表格样式*/
.layui-table tr:hover,tr:nth-child(odd) {
    background-color: #f8f8f8;
}
.layui-table[lay-even] tr:nth-child(even) {
    background-color: #fff;
}
.layui-table thead tr ,.layui-table thead tr:hover{
    background-color: #fff;
}

